<!DOCTYPE html>
<html lang="en">

<head>
    <!-- renderer -->
    <meta name="renderer" content="webkit" />
    <!-- 默认ie兼容模式 -->
    <meta name="renderer" content="ie-comp" />
    <!-- 默认ie标准模式 -->
    <meta name="renderer" content="ie-stand" />

    <meta charset="UTF-8">
    <!-- 避免ie使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 视口  width=device-width视口宽度就是设备宽度 
    initial-scale=1.0 
    maximum-scale=1 最大缩放多少倍
    minimum-scale=1 最小缩放多少倍
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 1.从属关系：link-html标签 rel关联属性设置
                @import css关键字
    2.加载顺序不同
        link 引入css 同时加载
        @import 页面加载完毕后被加载
    3.兼容性：
        link 不存在兼容性
        @import css2.1 ie5+支持
    4.dom操作的问题
        link可以被dom操作
        @import 不可以
    5. link引入的样式权重大于@import引入的样式
        也可能和加载顺序有关系，和权重无关，
        @import引入的样式会添加在样式最上面，按css顺序解析，会导致@import无效 -->
    <script>
    </script>
</body>

</html>